<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/views/checkSession.jsp"%>
<%@ page import="com.mmaingenieria.MMAGestor.enumerations.RolUsuario"%>
<%@ page import="com.mmaingenieria.MMAGestor.enumerations.EstadoUsuario"%>
<%@ page import="com.mmaingenieria.MMAGestor.beans.Usuario"%>
<%@ page import="com.mmaingenieria.MMAGestor.beans.Cliente"%>
<%@ page import="java.util.ArrayList"%>

<%
	HttpSession sesion = request.getSession(true);
	Usuario usuarioSesion = (Usuario)sesion.getAttribute("usuarioSesion");
%>

<jsp:include page="/includes/head.jsp" flush="true" /> <!-- Incluir siempre porque lleva el head y abre el page -->
<jsp:include page="/includes/nav.jsp" flush="true" />

<script language="JavaScript" SRC="js/funcionesUsuarios.js"></script>

<!--  Si vengo con op2 es que tengo que voy a crear un usuario nuevo asi que no cargo datos y oculto campos -->
<%
if ("2".equals(request.getAttribute("op_usuarios"))){%>
	<script>$(document).ready(function() { inicioNuevoUsuario();});</script>
<%}%>
<!--  Si vengo con op3 es que tengo que mostrar usuarios asi que cargo la configuracion de mostar -->
<%
if ("3".equals(request.getAttribute("op_usuarios"))){
	Usuario usuario = (Usuario)request.getAttribute("usuario");
%>
	<script>$(document).ready(function() { inicioMostrarUsuario('<%=usuario.getId()%>','<%=usuario.getUsuario()%>','<%=usuario.getNombre()%>','<%=usuario.getApellido1()%>','<%=usuario.getApellido2()%>','<%=usuario.getNif()%>','<%=usuario.getEmail()%>','<%=usuario.getNumeroRol()%>','<%=usuario.getNumeroEstado()%>','<%=usuario.getClienteId()%>','<%=usuario.getObservaciones()%>','<%=usuario.getStringCreatedBy()%>','<%=usuario.getStringDateCreated() %>','<%=usuario.getStringModifiedBy()%>','<%=usuario.getStringLastUpdate()%>');});</script>	
<%}%>
<!--  Si vengo con op6 es que tengo que ediatr usuarios asi que cargo la configuracion de mostar para editarlo -->
<%
if ("6".equals(request.getAttribute("op_usuarios"))){
	Usuario usuario = (Usuario)request.getAttribute("usuario");
%>
	<script>$(document).ready(function() { inicioEditarUsuario('<%=usuario.getId()%>','<%=usuario.getUsuario()%>','<%=usuario.getNombre()%>','<%=usuario.getApellido1()%>','<%=usuario.getApellido2()%>','<%=usuario.getNif()%>','<%=usuario.getEmail()%>','<%=usuario.getNumeroRol()%>','<%=usuario.getNumeroEstado()%>','<%=usuario.getClienteId()%>','<%=usuario.getObservaciones()%>');});</script>	
<%}%>

<div id="content">
    <div class="abajo">
    	<form name="form_detalle_usuario" method="post" action="usuarios" class="formulario">
    		<div class="lineaformulario">
    			<label id="label_nombre" for="nombre" class="labelformusuario">Nombre:</label>
    			<input type="text" id="nombre" name="nombre" title="Nombre" size="50">
    		</div>
    		<div class="lineaformulario">
    			<label id="label_apellido1" for="apellido1" class="labelformusuario">Primer Apellido:</label>
    			<input type="text" id="apellido1" name="apellido1" title="Apellido 1" size="50">
    		</div>
    		<div class="lineaformulario">
    			<label id="label_apellido2" for="apellido2" class="labelformusuario">Segundo Apellido:</label> 
          		<input type="text" id="apellido2" name="apellido2" title="Apellido 2" size="50">
    		</div>
    		<div class="lineaformulario">
    			<label id="label_nif" for="nif" class="labelformusuario">NIF:</label>
    		<input type="text" id="nif" name="nif" title="Nif" size="9">
    		</div>
    		<div class="lineaformulario">
    			<label id="label_email" for="email" class="labelformusuario">E-Mail:</label>
				<input type="text" id="email" name="email" title="E-Mail" size="100">
    		</div>
    		<hr>
    		<div class="lineaformulario">
    			<label id="label_rol" for="rol" class="labelformusuario">Rol:</label>
            	<select id="rol" name="rol" title="Rol" onchange="habilitarCliente_Id();" style="width:110px"> 
	            	<option value="1"><%=RolUsuario.Administrador%></option>
	            	<option value="2"><%=RolUsuario.Editor%></option>
	            	<option value="3"><%=RolUsuario.Cliente%></option>
	            	<option value="4"><%=RolUsuario.Consultor%></option>
	            </select>
    		</div>
    		<div class="lineaformulario">
    			<label id="label_cliente_id" for="cliente_id" class="labelformusuario">Cliente:</label> 
           		<select id="cliente_id" name="cliente_id" title="Cliente" style="width:110px">
        			<%
                	ArrayList<Cliente> listaClientes = (ArrayList<Cliente>)request.getAttribute("listaClientes");    
                	int j =0;
                	for (Cliente cliente: listaClientes){
                	%>
                	<option value="<%=cliente.getId()%>"><%=cliente.getRazonSocial()%></option> 
                	<%j=j+1;}%>               
        		</select>
    		</div>
    		<div class="lineaformulario">
    			<label id="label_estado" for="estado" class="labelformusuario">Estado:</label>
        	 	<select id="estado" name="estado" title="Estado" style="width:110px">
            		<option value="1"><%=EstadoUsuario.Activo%></option>
            		<option value="2"><%=EstadoUsuario.Inactivo%></option>
            	</select>
    		</div>
    		<hr>
    		<div class="lineaformulario">
    			<label id="label_usuario" for="usuario" class="labelformusuario">Nombre Usuario:</label> 
            	<input type="text" id="usuario" name="usuario" title="Usuario" size="30" >
    		</div>
    		<div class="lineaformulario">
    			<label id="label_password" for="password" class="labelformusuario">Contraseña:</label> 
            	<input type="text" id="password" name="password" title="password" size="31">
    		</div>
    		<div class="lineaformulario">
    			<label id="label_password1" for="password1" class="labelformusuario">Repetir contraseña:</label> 
            	<input type="text" id="password1" name="password1" title="password" size="31">
    		</div>
    		<hr>
    		<%if (RolUsuario.Administrador.equals(usuarioSesion.getRol())){%><!--  solo si eres admin puedes ver las observaciones y los campos de control como ultima modificacion... -->
	    		<div class="lineaformulario">
	    			<label id="label_observaciones" for="observaciones" class="labelformusuario">Observaciones:</label> 
            		<textarea id="observaciones" name="observaciones" title="Observaciones" rows="6" cols="100"></textarea>
           		</div>
            	<hr>
	    		<div style="display:block;">
            		<label id="label_created_by" for="created_by" class="labelformusuario">Creado:</label> 
           			<input type="text" id="created_by" name="created_by" title="Creado" size="30">
            		<label id="label_modified_by" for="modified_by" class="labelformusuario">Última modificación:</label> 
            		<input type="text" id="modified_by" name="modified_by" title="Modificado por" size="30">
            	</div>
            	<hr>
    		<%}%>
            <input type="hidden" id="usuario_id" name="usuario_id">
            <input type="hidden" id="op_usuarios" name="op_usuarios">           
            <div style="display:block;" align="right">
            	<input type="submit" id="crear" name="crear" value="Crear Usuario" title="Crear Usuario">            
            	<input type="submit" id="guardar" name="guardar" value="Guardar Usuario" title="Guardar Usuario">
             	<input type="button" id="modificar" name="modificar" value="Modificar" title="Modificar" onclick="modificarUsuario();">
            	<input type="button" id="cancelar" name="cancelar" value="Cancelar" title="Cancelar" onclick="cancelarUsuario();">
            </div>            
    	
    	</form>
    </div>
</div>

<jsp:include page="/includes/footer.jsp" flush="true" /> <!-- Incluir siempre porque cierra el page, el body y el html -->
